.uni-view-compatible{
	width: 100%;
	height: 100%;
	display: inline-flex;
	position: fixed;

	.uni-view-main{
		width: 100%;
		height: 100%;
		display: inline-block;
		background-color: #f8f8f8;

		.uni-view-shop{
			width: 100%;
			height: auto;
			display: inline-block;
			float: left;
			padding: 20rpx;

			.uni-view-shop-left{
				width: 15%;
				height: auto;
				display: inline-block;
				float: left;

				.uni-view-shop-logo{
					width: 100rpx;
					height: 100rpx;
					display: inline-block;
				}
			}

			.uni-view-shop-right{
				width: 85%;
				height: auto;
				display: inline-block;
				float: right;

				.uni-view-shop-item{
					width: 50%;
					height: auto;
					display: inline-block;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;

					.uni-view-shop-name{
						width: 100%;
						height: 100rpx;
						line-height: 100rpx;
						font-family: 'NSimSun',sans-serif;
						font-size: 32rpx;
						font-weight: bold;
						color: #333;
					}

					.uni-view-shop-btn{
						width: auto;
						height: auto;
						display: inline-block;
						padding: 4rpx 20rpx;
						border-radius: 20rpx;
						background-image: linear-gradient(to bottom, #fa741b, #fcceaf);
						font-family: 'NSimSun',sans-serif;
						font-size: 29rpx;
						color: #fff;
						margin-right: 20rpx;
					}
				}

				.uni-view-shop-item:first-child{
					text-align: left;
					float: left;
					padding-left: 10rpx;
				}

				.uni-view-shop-item:last-child{
					text-align: right;
					float: right;
					padding-top: 24rpx;
				}
			}
		}

		.uni-view-money{
			width: 100%;
			height: auto;
			display: inline-block;
			float: left;
			padding: 0 40rpx;

			.uni-view-money-background{
				width: 100%;
				text-align: center;
				height: auto;
				display: inline-block;
				float: left;
				border-radius: 24rpx;

				.uni-view-money-operate{
					width: 100%;
					height: auto;
					display: inline-block;
					float: left;

					.uni-view-money-text{
						width: auto;
						height: auto;
						font-family: 'NSimSun',sans-serif;
						font-size: 32rpx;
						color: #333;
						margin-left: 20rpx;
					}
				}

				.uni-view-money-input{
					width: 100%;
					text-align: left;
					height: auto;
					display: inline-block;
					float: left;
					background-color: #fff;
					border-radius: 24rpx;
					padding: 16rpx 40rpx;
					margin-top: 30rpx;

					.uni-view-money-input-prefix{
						font-family: 'NSimSun',sans-serif;
						font-size: 40rpx;
						font-weight: bold;
						color: #333;
					}

					.uni-view-money-input-suffix{
						font-family: 'NSimSun',sans-serif;
						font-size: 40rpx;
						font-weight: bold;
						color: #333;
					}

					.uni-view-money-input-placeholder{
						font-size: 36rpx !important;
						font-weight: normal !important;
						color: #999 !important;
					}
				}
			}
		}

		.uni-view-keyboard{
			width: 100%;
			height: auto;
			display: inline-block;
			position: fixed;
			left: 0;
			bottom: 0;
		}
	}
}
